import axios from 'axios'
import store from '@/store'
import { Message } from 'element-ui'
import router from '@/router'
const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API, // 基地址
  timeout: 20000// 超时时间
})
service.interceptors.request.use((config) => {
  // 这里store的getters快速访问
  if (store.getters.token) {
    // 设置请求头，这里token是快速访问
    config.headers.Authorization = `Bearer ${store.getters.token} `
  }
  return config
}, (error) => {
  // 错误就返回已兑现的promise
  return Promise.reject(error)
})

service.interceptors.response.use((response) => {
  // 将返回的数据进行解构，方便使用
  const { code, msg, data } = response.data
  if (code === 10000) {
    return data// 如果返回其他错误码就不返回数据
  } else {
    Message({ type: 'error', msg })
    return Promise.reject(new Error(msg))
  }
}, async(error) => {
  if (error.response.status === 401) {
    // 说明要么没传token 要么传的token超时了
    // 删除token
    await store.dispatch('user/logout') // 实现登出操作
    router.push('/login')
    Message.error('用户信息超时') // 提示错误信息
  } else {
    Message.error(error.message) // 提示错误信息
  }
  return Promise.reject(error)
})

export default service
